@keyframes body {
    0%{background-color: red}
    10%{background-color: #0000FF}
    20%{background-color: #00001a}
    30%{background-color: darkgrey}
    40%{background-color: greenyellow}
    50%{background-color: palegreen}
    60%{background-color: slategrey}
    70%{background-color: antiquewhite}
    80%{background-color: darkgreen}
    90%{background-color: fuchsia}
    100%{background-color: lightblue}
}
@-webkit-keyframes body {
    0%{background-color: red}
    10%{background-color: #0000FF}
    20%{background-color: #00001a}
    30%{background-color: darkgrey}
    40%{background-color: greenyellow}
    50%{background-color: palegreen}
    60%{background-color: slategrey}
    70%{background-color: antiquewhite}
    80%{background-color: darkgreen}
    90%{background-color: fuchsia}
    100%{background-color: lightblue}
}
@-moz-keyframes body {
    0%{background-color: red}
    10%{background-color: #0000FF}
    20%{background-color: #00001a}
    30%{background-color: darkgrey}
    40%{background-color: greenyellow}
    50%{background-color: palegreen}
    60%{background-color: slategrey}
    70%{background-color: antiquewhite}
    80%{background-color: darkgreen}
    90%{background-color: fuchsia}
    100%{background-color: lightblue}
}
@-o-keyframes body {
    0%{background-color: red}
    10%{background-color: #0000FF}
    20%{background-color: #00001a}
    30%{background-color: darkgrey}
    40%{background-color: greenyellow}
    50%{background-color: palegreen}
    60%{background-color: slategrey}
    70%{background-color: antiquewhite}
    80%{background-color: darkgreen}
    90%{background-color: fuchsia}
    100%{background-color: lightblue}
}
@keyframes header {
    0%{border-color: transparent greenyellow antiquewhite transparent;}
    10%{border-color: transparent darkgreen fuchsia transparent;}
    20%{border-color: transparent red #0000FF transparent;}
    30%{border-color: transparent lightblue black transparent;}
    40%{border-color: transparent fuchsia black transparent;}
}
@-webkit-keyframes header {
    0%{border-color: transparent greenyellow antiquewhite transparent;}
    10%{border-color: transparent darkgreen fuchsia transparent;}
    20%{border-color: transparent red #0000FF transparent;}
    30%{border-color: transparent lightblue black transparent;}
    40%{border-color: transparent fuchsia black transparent;}
}
@-moz-keyframes header {
    0%{border-color: transparent greenyellow antiquewhite transparent;}
    10%{border-color: transparent darkgreen fuchsia transparent;}
    20%{border-color: transparent red #0000FF transparent;}
    30%{border-color: transparent lightblue black transparent;}
    40%{border-color: transparent fuchsia black transparent;}
}
@-o-keyframes header {
    0%{border-color: transparent greenyellow antiquewhite transparent;}
    10%{border-color: transparent darkgreen fuchsia transparent;}
    20%{border-color: transparent red #0000FF transparent;}
    30%{border-color: transparent lightblue black transparent;}
    40%{border-color: transparent fuchsia black transparent;}
}
@keyframes header2 {
    0%{border-color: transparent transparent greenyellow antiquewhite ;}
    10%{border-color:transparent transparent darkgreen fuchsia ;}
    20%{border-color:transparent transparent red #0000FF ;}
    30%{border-color:transparent transparent lightblue black ;}
    40%{border-color:transparent transparent fuchsia black ;}
}
@-webkit-keyframes header2 {
    0%{border-color: transparent transparent greenyellow antiquewhite ;}
    10%{border-color:transparent transparent darkgreen fuchsia ;}
    20%{border-color:transparent transparent red #0000FF ;}
    30%{border-color:transparent transparent lightblue black ;}
    40%{border-color:transparent transparent fuchsia black ;}
}
@-moz-keyframes header2 {
    0%{border-color: transparent transparent greenyellow antiquewhite ;}
    10%{border-color:transparent transparent darkgreen fuchsia ;}
    20%{border-color:transparent transparent red #0000FF ;}
    30%{border-color:transparent transparent lightblue black ;}
    40%{border-color:transparent transparent fuchsia black ;}
}
@-o-keyframes header2 {
    0%{border-color: transparent transparent greenyellow antiquewhite ;}
    10%{border-color:transparent transparent darkgreen fuchsia ;}
    20%{border-color:transparent transparent red #0000FF ;}
    30%{border-color:transparent transparent lightblue black ;}
    40%{border-color:transparent transparent fuchsia black ;}
}
#car_header{
    animation: header 3s;
    -moz-animation: header 3s;
    -webkit-animation: header 3s;
    -o-animation: header 3s;
    animation-iteration-count: infinite; /*规定动画播放次数   infinite无限次播放*/
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}
#car_header1{
    background-color: #00FF00;
    animation: body 6s;
    -moz-animation: body 6s;
    -webkit-animation: body 6s;
    -o-animation: body 6s;
    animation-iteration-count: infinite; /*规定动画播放次数   infinite无限次播放*/
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}
#car_header2{
    animation: header2 3s;
    -moz-animation: header2 3s;
    -webkit-animation: header2 3s;
    -o-animation: header2 3s;
    animation-iteration-count: infinite; /*规定动画播放次数   infinite无限次播放*/
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}
[id*="car_body"]{
    background-color: #00FF00;
    animation: body 3s;
    -moz-animation: body 3s;
    -webkit-animation: body 3s;
    -o-animation: body 3s;
    animation-iteration-count: infinite; /*规定动画播放次数   infinite无限次播放*/
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

[class*="car_"]{
    background-color: #00FF00;
    animation: body 9s;
    -moz-animation: body 9s;
    -webkit-animation: body 9s;
    -o-animation: body 9s;
    animation-iteration-count: infinite; /*规定动画播放次数   infinite无限次播放*/
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
}

#car_header,#car_header2{
    padding:0;
    width:0;
    height:0;
    border-width: 40px 40px 40px 40px;
    border-color: transparent black black transparent;
    border-style: solid;
    margin-left:60px;
    float: left;
}

#car_header1{
    width:120px;
    height:80px;
    background-color: black;
    float: left;
}

#car_header2{
    border-color: transparent   transparent black black;
    margin:0;
}

#car_body{
    clear: both;
    width:380px;
    height:100px;
    background-color: black;
    margin-left:20px;
}

.car_tire1,.car_tire2{
    width:40px;
    height:40px;
    background-color: black;
    border-radius:0 0 100%  0 ;
    float: left;

}
.car_tire1{
    border-radius:0 0 0 100%;
    margin-left: 80px;
}